<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户管理</title>
    <link rel="stylesheet" href="../model/model.css">
    <link rel="stylesheet" href="user.css">
    <link rel="stylesheet" href="../page/page.css">
    <script src="../AJAX/封装AJAX.js"></script>

    <style>
       #myul .show:nth-child(6){
            background-color: #e7f0f7;
            color: rgb(130, 163, 220);
            border-Right:3px solid #0f6ab1;
        }
    </style>
</head>
<body>
    <div id="header">
        <div class="logo">
            <img src="../img/保尔科技-logo-副本.png" alt="">
        </div>
        <div class="item">
            <div class="time"></div>
            <div class="refresh">
                <img src="../img/刷新.png" alt="">
            </div>
            <div class="user">
                <img src="../img/用户.png" alt="">
                <p>哇哈哈</p>
            </div>
            <div class="loginOut">
                <img src="../img/退出.png" alt="">
            </div>
        </div>
    </div>
    <div id="menu">
        <ul id="myul">
            <li class="show"><img src="../img/班级管理.png" alt="">班级管理</li>
            <li class="show"><img src="../img/日常黑.png" alt="">日常&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
            <li class="shownone childmenu">出差记录</li>
            <li class="shownone childmenu">请假记录</li>
            <li class="shownone childmenu">考勤统计</li>
            <li class="show"><img src="../img/用户管理蓝.png" alt="">用户管理</li>
            <li class="show"><img src="../img/学生档案.png" alt="">学生档案</li>
            <li class="show"><img src="../img/日志系统黑.png" alt="">日志系统</li>
            <li class="show"><img src="../img/审核系统黑.png" alt="">审核系统</li>
            <li class="show"><img src="../img/项目管理黑.png" alt="">项目管理</li>
            <li class="shownone childmenu">项目列表</li>
            <li class="shownone childmenu">我的任务</li>
            <li class="show"><img src="../img/设置(1).png" alt="">系统设置</li>
        </ul>
    </div>
    <div id="content">
        <div id="contentRight">
            <div class="contentHeader">
                <div class="title">
                    <div></div>
                    <span>用户管理</span>
                </div>
                <div class="search">
                    <input type="text" name="" id="" placeholder="请输入姓名">
                    <button>搜索</button>
                </div>
                <div class="addition">
                    <img src="../img/加号.png" alt="" class="addi">
                    <div class="add">
                        <p>添加用户</p>
                    </div>
                    <img src="../img/删除.png" alt="" class="dele">
                    <div class="add1">
                        <p>删除用户</p>
                    </div>
                </div>
            </div>
            <div class="contentBottom">
                <table>
                    <thead>
                        <tr>
                            <td>全选</td>
                            <td>姓名</td>
                            <td>部门</td>
                            <td>性别</td>
                            <td>电话</td>
                            <td>职能</td>
                            <td>操作</td>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- <tr>
                            <td><input type="checkbox"></td>
                            <td>哇哈哈</td>
                            <td>UI设计</td>
                            <td>女</td>
                            <td>1555555555</td>
                            <td>老师</td>
                            <td>
                                <div class="remove">修改</div>
                                <div class="delete">删除</div>
                            </td>
                        </tr>
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>哇哈哈</td>
                            <td>UI设计</td>
                            <td>女</td>
                            <td>1555555555</td>
                            <td>老师</td>
                            <td>
                                <div class="remove">修改</div>
                                <div class="delete">删除</div>
                            </td>
                        </tr> -->
                    </tbody>
                </table>
                <!-- 分页 -->
                <div id="page">
                    <span class="pageCount">共？页</span>
                    <button onclick="package1(0)" class="myBtn">首页</button>
                    <button onclick="package1(1)" class="myBtn">上一页</button>
                    <button onclick="package1(2)" class="myBtn">下一页</button>
                    <button onclick="package1(3)" class="myBtn">最后一页</button>
                </div>
            </div>
        </div>
        <!-- 添加用户模态框 -->
        <div class="addUser">
            <div class="addUserMask">

            </div>
            <div class="addUserModel">
                <div class="addUserHeader">
                    <p>添加用户</p>
                </div>
                <!-- 添加内容 -->
                <div class="addUserContent">
                    <!-- 第一行内容 -->
                    <div class="addUserContent1">
                        <span>姓名:</span>
                        <input type="text">
                        <span>部门:</span>
                        <select name="Dept" id="Dept" value="">
                            <option value=""></option>
                            <!-- <option value="0">UI设计部</option>
                            <option value="1">前端部</option>
                            <option value="2">后端部</option> -->
                        </select>
                    </div>
                    <!-- 第二行内容 -->
                    <div class="addUserContent2">
                        <span>性别:</span>
                        <select name="" id="Sex">
                            <option value=""></option>
                            <option value="女">女</option>
                            <option value="男">男</option>
                        </select>
                        <span>职能:</span>
                        <select name="" id="Role">
                            <option value=""></option>
                            <option value="2">老师</option>
                            <option value="3">学生</option>
                        </select>
                    </div>
                    <!-- 第三行内容 -->
                    <div class="addUserContent5">
                        <span>账号:</span>
                        <div class="number"></div>
                        <span>电话:</span>
                        <input type="text">
                    </div>
                    <!-- 第四行内容 -->
                    <div class="addUserContent4">
                        <span>密码:</span>
                        <input type="text">
                    </div>
                    <!-- 按钮 -->
                    <div class="addUserContent3">
                        <button class="sure">确定<tton>
                        <button class="cancel">取消<tton>
                    </div>
                </div>

                
            </div>
        </div>
        <!-- 修改用户模态框 -->
        <div class="addUser1">
            <div class="addUserMask">

            </div>
            <div class="addUserModel">
                <div class="addUserHeader">
                    <p>修改用户</p>
                </div>
                <!-- 添加内容 -->
                <div class="addUserContent">
                    <!-- 第一行内容 -->
                    <div class="addUserContent1">
                        <span>姓名:</span>
                        <input type="text" class="username">
                        <span>部门:</span>
                        <select name="Dept" id="Dept1">
                            <option value="">--请选择--</option>
                            <!-- <option value="0">UI设计部</option>
                            <option value="1">前端部</option>
                            <option value="2">后端部</option> -->
                        </select>
                    </div>
                    <!-- 第二行内容 -->
                    <div class="addUserContent2">
                        <span>性别:</span>
                        <select name="" id="Sex1">
                            <option value="">--请选择--</option>
                            <option value="女">女</option>
                            <option value="男">男</option>
                        </select>
                        <span>职能:</span>
                        <select name="" id="Role1">
                            <option value="">--请选择--</option>
                            <option value="2">老师</option>
                            <option value="3">学生</option>
                        </select>
                    </div>
                    <!-- 第三行内容 -->
                    <div class="addUserContent5">
                        <span>账号:</span>
                        <div class="number1"></div>
                        <span>电话:</span>
                        <input type="text" class="phoneNum">
                    </div>
                    <!-- 第四行内容 -->
                    <div class="addUserContent4">
                        <span>密码:</span>
                        <input type="text" class="password1">
                    </div>
                    <!-- 按钮 -->
                    <div class="addUserContent3">
                        <button class="sure1">确定<tton>
                        <button class="cancel1">取消<tton>
                    </div>
                </div>

                
            </div>
        </div>
    </div>
</body>
<script src="../model/model.js"></script>
<script src="user.js"></script>
<script src="../page/pageCount.js"></script>
</html>